<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
    <title></title>
    <link rel="stylesheet" href="../../lib/theme/style.css">
    <link rel="stylesheet" href="../../lib/iconfont/iconfont.css">
    <script src="../../lib/js/iscroll.js"></script>
    <style>
        #app {
            position: relative;
            width: 100%;
            /* height: 100vh; */
            overflow: hidden;
            /* Prevent native touch events on Windows */
            -ms-touch-action: none;
            /* Prevent the callout on tap-hold and text selection */
            -webkit-touch-callout: none;
            -webkit-user-select: none;
            -moz-user-select: none;
            -ms-user-select: none;
            user-select: none;
            /* Prevent text resize on orientation change, useful for web-apps */
            -webkit-text-size-adjust: none;
            -moz-text-size-adjust: none;
            -ms-text-size-adjust: none;
            -o-text-size-adjust: none;
            text-size-adjust: none;
        }
        
        #scroller {
            position: absolute;
            /* Prevent elements to be highlighted on tap */
            -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
            /* Put the scroller into the HW Compositing layer right from the start */
            -webkit-transform: translateZ(0);
            -moz-transform: translateZ(0);
            -ms-transform: translateZ(0);
            -o-transform: translateZ(0);
            transform: translateZ(0);
        }
    </style>
</head>

<body onload="loaded()">
    <div id="app" class="homePage con" :style="{height:winHeight+'px'}">
        <contentmodel :content="content" :close="modelClose" :ok="modelOk" :modelshow="modelshow"></contentmodel>
        <div id="scroller">
            <headers :title="title" icon="icon-roundaddfill"></headers>
            <tab :info="info" :clicks="clickTab" :type="type"></tab>
            <ul class="msglist">
                <li class="list">
                    <div class="userInfo">
                        <img src="../../lib/image/tx.jpg" alt="">
                        <span>好贱</span>
                        <span>30分钟前</span>
                        <span class="btn">+关注</span>
                    </div>
                    <div class="userMsgInfo">
                        <span>阿斯蒂芬达到法定发达是打发打发</span>
                    </div>
                    <div class="publicInfo many">
                        <block>
                            <img src="../../lib/image/testImg.jpeg" alt="">
                        </block>
                        <block>
                            <img src="../../lib/image/testImg.jpeg" alt="">
                        </block>
                        <block>
                            <img src="../../lib/image/testImg.jpeg" alt="">
                        </block>
                        <block>
                            <img src="../../lib/image/testImg.jpeg" alt="">
                        </block>
                        <block>
                            <img src="../../lib/image/testImg.jpeg" alt="">
                        </block>

                    </div>
                    <ul class="iconList">
                        <li>
                            <span class="iconfont icon-shopfill"></span>
                            <span>222</span>
                        </li>
                        <li>
                            <span class="iconfont icon-shopfill"></span>
                            <span>222</span>
                        </li>
                        <li>
                            <span class="iconfont icon-shopfill"></span>
                            <span>222</span>
                        </li>
                    </ul>
                    <ul class="userMsgList">
                        <li>
                            <span>个践行：</span>
                            <span>你家宝宝真好看</span>
                        </li>
                        <li>
                            <span>个践行：</span>
                            <span>你家宝宝真好看</span>
                        </li>
                        <li>
                            <span>个践行：</span>
                            <span>你家宝宝真好看</span>
                        </li>
                        <li>
                            <span>个践行：</span>
                            <span>你家宝宝真好看</span>
                        </li>
                        <p>查看144条评论</p>
                    </ul>
                    <div class="lxBox">
                        <img src="../../lib/image/tx.jpg" alt="">
                        <input type="text" placeholder="添加评论...">
                    </div>
                </li>
                <li class="list">
                    <div class="userInfo">
                        <img src="../../lib/image/tx.jpg" alt="">
                        <span>好贱</span>
                        <span>30分钟前</span>
                        <span class="btn">+关注</span>
                    </div>
                    <div class="userMsgInfo">
                        <span>阿斯蒂芬达到法定发达是打发打发</span>
                    </div>
                    <div class="publicInfo">
                        <img src="../../lib/image/testImg.jpeg" alt="">
                    </div>
                    <ul class="iconList">
                        <li>
                            <span class="iconfont icon-shopfill"></span>
                            <span>222</span>
                        </li>
                        <li>
                            <span class="iconfont icon-shopfill"></span>
                            <span>222</span>
                        </li>
                        <li>
                            <span class="iconfont icon-shopfill"></span>
                            <span>222</span>
                        </li>
                    </ul>
                    <ul class="userMsgList">
                        <li>
                            <span>个践行：</span>
                            <span>你家宝宝真好看</span>
                        </li>
                        <li>
                            <span>个践行：</span>
                            <span>你家宝宝真好看</span>
                        </li>
                        <li>
                            <span>个践行：</span>
                            <span>你家宝宝真好看</span>
                        </li>
                        <li>
                            <span>个践行：</span>
                            <span>你家宝宝真好看</span>
                        </li>
                        <p>查看144条评论</p>
                    </ul>
                    <div class="lxBox">
                        <img src="../../lib/image/tx.jpg" alt="">
                        <input type="text" placeholder="添加评论...">
                    </div>
                </li>
                <li class="list">
                    <div class="userInfo">
                        <img src="../../lib/image/tx.jpg" alt="">
                        <span>好贱</span>
                        <span>30分钟前</span>
                        <span class="iconfont icon-more"></span>
                    </div>
                    <div class="userMsgInfo">
                        <span>阿斯蒂芬达到法定发达是打发打发</span>
                    </div>
                    <div class="publicInfo">
                        <img src="../../lib/image/testImg.jpeg" alt="">
                    </div>
                    <ul class="iconList">
                        <li>
                            <span class="iconfont icon-shopfill"></span>
                            <span>222</span>
                        </li>
                        <li>
                            <span class="iconfont icon-shopfill"></span>
                            <span>222</span>
                        </li>
                        <li>
                            <span class="iconfont icon-shopfill"></span>
                            <span>222</span>
                        </li>
                    </ul>
                    <ul class="userMsgList">
                        <li>
                            <span>个践行：</span>
                            <span>你家宝宝真好看</span>
                        </li>
                        <li>
                            <span>个践行：</span>
                            <span>你家宝宝真好看</span>
                        </li>
                        <li>
                            <span>个践行：</span>
                            <span>你家宝宝真好看</span>
                        </li>
                        <li>
                            <span>个践行：</span>
                            <span>你家宝宝真好看</span>
                        </li>
                        <p>查看144条评论</p>
                    </ul>
                    <div class="lxBox">
                        <img src="../../lib/image/tx.jpg" alt="">
                        <input type="text" placeholder="添加评论...">
                    </div>
                </li>
                <li class="list">
                    <div class="userInfo">
                        <img src="../../lib/image/tx.jpg" alt="">
                        <span>好贱</span>
                        <span>30分钟前</span>
                        <span class="iconfont icon-more"></span>
                    </div>
                    <div class="userMsgInfo">
                        <span>阿斯蒂芬达到法定发达是打发打发</span>
                    </div>
                    <div class="publicInfo">
                        <img src="../../lib/image/testImg.jpeg" alt="">
                    </div>
                    <ul class="iconList">
                        <li>
                            <span class="iconfont icon-shopfill"></span>
                            <span>222</span>
                        </li>
                        <li>
                            <span class="iconfont icon-shopfill"></span>
                            <span>222</span>
                        </li>
                        <li>
                            <span class="iconfont icon-shopfill"></span>
                            <span>222</span>
                        </li>
                    </ul>
                    <ul class="userMsgList">
                        <li>
                            <span>个践行：</span>
                            <span>你家宝宝真好看</span>
                        </li>
                        <li>
                            <span>个践行：</span>
                            <span>你家宝宝真好看</span>
                        </li>
                        <li>
                            <span>个践行：</span>
                            <span>你家宝宝真好看</span>
                        </li>
                        <li>
                            <span>个践行：</span>
                            <span>你家宝宝真好看</span>
                        </li>
                        <p>查看144条评论</p>
                    </ul>
                    <div class="lxBox">
                        <img src="../../lib/image/tx.jpg" alt="">
                        <input type="text" placeholder="添加评论...">
                    </div>
                </li>
            </ul>
        </div>
    </div>

    <script src="../../lib/js/mui.min.js"></script>
    <script src="../../lib/js/jquery.min.js"></script>
    <script src="../../lib/js/vue.min.js"></script>
    <script src="../../lib/js/vue-router.js"></script>
    <script src="../../lib/js/assembly.js"></script>
    <script src="../../lib/js/config.js"></script>
    <script>
        var vm = new Vue({
            el: '#app',
            data: {
                winHeight: window.innerHeight,
                modelshow: false,
                content: {
                    title: '温馨提示',
                    src: '../../lib/image/tx.jpg',
                    p: '卡夫卡的减肥群殴的看法流程考试今飞凯达了哦啊的看法，kdfjaldkfjdkdlakdfjl；'
                },
                title: '童圈',
                info: [{
                    'name': '附近动态',
                    'id': '1',
                }, {
                    'name': '班级动态',
                    'id': '2',
                }, {
                    'name': '直播间',
                    'id': '3',
                }, ],
                type: 1
            },
            methods: {
                clickTab(e, index) {
                    this.type = e.target.dataset.id
                },
                modelClose() {
                    this.modelshow = false
                },
                modelOk() {
                    this.modelshow = false
                },
                getclasscircle() { //获取班级动态
                    var data = {
                        t_class_id: '1',
                        nowPage: '',
                    }
                    post('/rest/circle/class_circle', data, function(res) {

                        console.log(res, '111')
                    }.bind(this))
                }
            },
            created() {
                var data = {
                    t_banner_postion: 5
                }
                post('/rest/banner/list', data, function(r) {
                    console.log(r)
                })
                this.getclasscircle()
            }
        })
    </script>
    <script>
        var myScroll;

        function loaded() {
            myScroll = new IScroll('#app', {
                click: true
            });
        }
    </script>
</body>

</html>